<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人资料修改</title>
</head>
<body>
    <!-- 顶部 -->
    <header id="headerBack">
        <i class="iconfont icon-return"></i>
        <p>个人资料</p>
    </header>

    <!-- 主体 -->
    <main>
        <!-- 头像 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>更换头像</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
                <img src="../imgs/dog.jpg" alt="" width="80" height="80" style="border-radius: 50%;" id="headerImg">
                <input type="file" id="imgBtn" style="display: none;">
            </span>
        </a>
        <!-- 昵称 -->
        <label for="js_input4" class="weui-cell weui-cell_active weui-cell_disabled">
            <div class="weui-cell__hd"><span class="weui-label">昵称</span></div>
            <div class="weui-cell__bd">
                <input id="nickname" class="weui-input" placeholder="请输入昵称"  style="text-align: right;"/>
            </div>
        </label>

        <!-- 性别 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="sexPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>性别</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="sex">请选择</span>
        </a>
        <!-- 生日 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="birthdayPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>生日</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="birthday">请选择</span>
        </a>
        <!-- 所在省份 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="proPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>省份</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="pro">请选择</span>
        </a>
        <!-- 所在城市 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="cityPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>城市</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="city">请选择</span>
        </a>
        <!-- 个人介绍 -->
        <div class="weui-cells__title" style="font-size: 16px; color: #000; border: none;">个人介绍</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell weui-cell_active">
                <div class="weui-cell__bd">
                    <textarea id="sign" class="weui-textarea" placeholder="多行输入" maxlength="50" rows="3" style="background-color: #e8e8e8; border-radius: 10px; padding: 10px; height: 155px; border: none; font-size: 14px;"></textarea>
                    <div role="option" aria-live="polite" class="weui-textarea-counter"><span id="curNumber">0</span>/50</div>
                </div>
            </div>
        </div>

        <div class="save-btn">
            <button id="saveBtn">保存信息</button>
        </div>
        
    </main>
</body>
</html>